<template>
  <div id="app">
    <span>所在地区：</span><br>
    <input type="radio" value="中国大陆" name="area" v-model="area">中国大陆
    <input type="radio" value="中国香港" name="area" v-model="area">中国香港<br>
    <span>手机号</span>
   <input type="text" name="phone" v-model="phone">
  <div>
    <span>爱好</span><br>
    <input type="checkbox" v-model="hobby" value="读书">读书
    <input type="checkbox" v-model="hobby" value="看报">看报
    <input type="checkbox" v-model="hobby" value="写代码">写代码
  </div>
  <div>
  <span>密码：</span>
  <input type="password" name="password" v-model="password">
  </div>
  <div>
      手机号码是：{{phone}}
      <br>
      密码是：{{password}}
      <br>
      爱好是：{{hobby.join(',')}}
  </div>
  </div>
  
</template>
----------------------------------------

<script>
export default {
  data() {
    return {  
      phone: '',
      password: '',
      hobby: ['读书', '写代码'],
      age:'',
      area: '中国大陆',
      isgrow: ''
    };
  }
}
</script>